<template>
  <div class="copyCall">
    <div class="copy">
      <div class="call">
        <div class="item" v-for="(item,index) in list" :key="index" @click="onOpens(item,index)">
          <div class="q">
            <image src="../../../static/my-cell/aad.png" class="span"></image
            ><p>{{item.name}}</p>
          </div>
          <div class="a">
            <image src="../../../static/my-cell/bbd.png" class="span"></image
            ><p v-if="item&&item.content&&item.content.length">
            <readMore  ref="readMore">
              <view  :class="!item.isToggle?'contentCtyle':'contentCtyle1'">
                <u-parse :html="item.content"></u-parse>
              </view>
            </readMore>
<!--            <u-read-more :show-height="showHeight" ref="uReadMore"-->
<!--                         :toggle="item.isToggle"-->
<!--                         color="#999"-->
<!--                         :index="index"-->
<!--                         :shadow-style="shadowStyle"-->
<!--                         close-text="" open-text="" font-size="24rpx">-->
<!--              <u-parse :html="item.content"></u-parse>-->
<!--            </u-read-more>-->
          </p>
          </div>
          <p class="title">{{createTime[index]}}</p>
<!--          <div class="drop-down">-->
<!--            <image src="../../../static/img/drop-down.png"></image>-->
<!--          </div>-->
          <div class="hr replace-hr u-border-bottom"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import  minx from './index'
  export default {
    name: 'Ideas',
    mixins:[minx],
    components: {},
    computed:{
      createTime(){
        return this.list.map(({createTime})=>{
          return this.$moment(createTime).format('yyyy-MM-dd HH:mm:ss')
        })
      }
    },
  }
</script>
<style scoped lang="scss">
  @import './replace-css';
  .copyCall {
    .copy {
      .call {
        .item {
          .q {
            padding-bottom: 29rpx;
          }
          .q,
          .a {
            display: $inline-flex;
            .span {
              width: 27rpx;
              height: 27rpx;
              margin-top: 5rpx;
              margin-left: 24rpx;
            }
            p {
              margin-left: 23rpx;
            }
          }
          .a {
            p {
              width: 559rpx;
              font-size: $f24;
              font-family: $font-familyPingFang;
              font-weight: $font-weight500;
              color: $color666;
            }
          }
          .title {
            padding: 32rpx 0 25rpx 0;
            width: 142rpx;
            height: 18rpx;
            font-size: $f24;
            font-family: $font-familyPingFang;
            font-weight: $font-weight400;
            color: $colorc6c6c6;
            line-height: 44rpx;
            text-indent: 40rpx;
            white-space: $nowrap;
          }
        }
      }
    }
  }
</style>
